<template>
<div class="max-width">
  <ul>
    <li class="clearfix">
      <div class="floatLeft">
        <div style="font-size: 16px;font-weight: bold;">{{title}}</div>
        <div>最后的编辑时间：{{time}}</div>
      </div>
      <div class="floatRight">
        <el-button-group>
          <el-button type="primary" icon="el-icon-edit"></el-button>
          <el-button type="primary" icon="el-icon-delete"></el-button>
        </el-button-group>
      </div>
    </li>
  </ul>
</div>
</template>

<script>
    export default {
        name: 'bottom',
        data (){
            return {
                title:"标题",
                time:'2017-12-21 12:00:12'
            }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.max-width ul li{
  height: 79px;
  border-bottom: 1px dashed #d1d1d1;
  padding: 10px 0 10px 0;
}
</style>
